<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <label for="frmFavChocolate">Favorite Type of Chocolate</label>
    <input type="text" name="fav-choc" id="frmFavChocolate" list="chocType">
    <datalist id="chocType">
        <option value="white">
        <option value="milk">
        <option value="dark">
    </datalist>

    <label for="forDate">Select Date</label>
    <input type="date" name="selectDate" id="forDate">

    <label for="forTime">Select Time</label>
    <input type="time" name="selectTime" id="forTime">

    <label for="forDateTime">Select DateTime</label>
    <input type="datetime-local" name="selectDateTime" id="forDateTime">

    <p>select what you want</p>
    <select id="mySelect">
        <option>s1</option>
        <option>yangkai</option>
        <option>huoxinping</option>
        <option>zhihu</option>
    </select>

    <p>select what you want</p>
    <input id="mySelect" list="wants">
    <datalist id="wants">
        <option value="s1">这是注释</option>
        <option value="yangkai">1号杨恺</option>
        <option value="huoxinping"></option>
        <option value="yangkaizzz">2号杨恺</option>
    </datalist>
        
</body>

</html>